<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script src=".././js/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="request.js" type="module"></script>
<script>
  //封装request模块
  // request({
  //   url: '/vue.js'
  // }, res => {
  //   console.log(res);
  // }, err => {
  //   console.log(err);
  // })
  request({
    url: '/vue.js'
  }).then(res => {
    console.log(res);
  }).catch(err => {
    console.log(err);
  })


  // axios.all([axios({
  //   url: 'https://cn.vuejs.org/js/vue.js',
  //   method: 'get'
  // }).then(reslut => {//在这里输出是一个对象
  //   document.writeln('VueJs访问成功')
  //   console.log(reslut);
  // })
  //   , axios({
  //     url: 'https://code.jquery.com/jquery-3.5.1.min.js',
  //     method: 'get'
  //   }).then(reslut => {//在这里输出是一个对象
  //     document.writeln('JQuey访问成功')
  //     console.log(reslut);
  //   })
  // ]).then(ressluts=>{//在这里输出是一个数组Array
  //   console.log(ressluts);
  // })

  // axios.all([axios({
  //   url: 'https://cn.vuejs.org/js/vue.js',
  //   method: 'get'
  // })
  //   ,axios({
  //      url: 'https://code.jquery.com/jquery-3.5.1.min.js',
  //      method: 'get'
  //   })
  // ]).then(axios.spread((res1,res2)=>{//axios.spread可将数组形式[res1,res2]展开成res1,res2对象形式
  //   console.log(res1);
  //   console.log(res2);
  // }))

  //全局axios和对应配置进行网络请求
  // axios.defaults.baseURI='https://cn.vuejs.org/js'//设置基本的根目录 此时axios中的url路径只要写访问的就行，会自动访问根目录
  // axios.defaults.timeout=1000//设置延迟毫秒


  //创建对应的axios实例
  // const instance1 = axios.create({
  //   baseURI: 'https://cn.vuejs.org/js',
  //   timeout: 5000
  // });
  //
  // instance1({
  //   url: '/vue.js'
  // }).then(res => {
  //   console.log(res);
  // })
</script>

</body>
</html>
